<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>游学百科</title>
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./css/style3.css" />
    <link rel="stylesheet" href="./css/public.css" />
    <link rel="stylesheet" href="./fonts/iconfont.css" />
  </head>
  <body>
    <!-- 头部导航开始 -->
    <div class="nav_bg">
      <div class="logo fl">
        <a href="#">
          <img src="./picture/20191281544491508.png" alt="" />
        </a>
      </div>
      <div class="nav" id="nav">
        <ul class="clearfix">
          <li>
            <a href="首页.html">首页</a>
          </li>
          <li>
            <a href="#" class="active">南极北极</a>
            <div class="subnav">
              <p><a href="#">南极线路</a></p>
              <p><a href="#">北极线路</a></p>
              <p><a href="#">南极百科</a></p>
              <p>
                <a href="#">北极百科</a>
              </p>
              <p><a href="#">往期回顾</a></p>
            </div>
          </li>

          <li>
            <a href="列表页.html">南北极船票</a>
            <div class="subnav">
              <p><a href="#">南极船票预定</a></p>
              <p>
                <a href="#">北极船票</a>
              </p>
              <p><a href="#">南北极点</a></p>
              <p><a href="#">选船攻略</a></p>
            </div>
          </li>

          <li>
            <a href="#">主题旅行</a>
            <div class="subnav">
              <p><a href="#">极致风光</a></p>
              <p><a href="#">人文旅行</a></p>
              <p><a href="#">野奢户外</a></p>
              <p><a href="#">奢享度假</a></p>
              <p><a href="#">主题百科</a></p>
              <p><a href="#">往期回顾</a></p>
            </div>
          </li>

          <li>
            <a href="详情页.html">定制线路</a>
          </li>

          <li>
            <a href="游学百科.html">国际游学</a>
            <div class="subnav">
              <p>
                <a href="#">游学线路</a>
              </p>
              <p>
                <a href="#">游学百科</a>
              </p>
            </div>
          </li>

          <li>
            <a href="#">目的地</a>
          </li>

          <li>
            <a href="悦行社区.html">悦行社区</a>
            <div class="subnav">
              <p><a href="#">旅行资讯</a></p>
              <p><a href="#">旅行百科</a></p>
              <p><a href="#">图说故事</a></p>
              <p><a href="#">南极船票</a></p>
              <p><a href="#">往期回顾</a></p>
              <p><a href="#">视频中心</a></p>
            </div>
          </li>

          <li>
            <a href="关于页.html">关于我们</a>
          </li>
        </ul>
      </div>
      <div class="user fr">
        <span class="iconfont">&#xe603;</span>
        <span>028-85435480</span>
        <span class="iconfont">&#xe603;</span>
        <span>400-8857-208</span>
        <span><a href="#">注册</a></span>
        <span>|</span>
        <span><a href="#">登录</a></span>
      </div>
    </div>
    <div
      class="top_nav"
      id="header"
      style="background: url(./picture/2019121095565122.jpg) no-repeat"
    ></div>

    <!-- 头部导航结束 -->
    <div class="w">
      <div class="nav_1">
        <ul>
          <li>
            <div class="art">
              <div class="front"><a href="#">最新文章</a></div>
              <div class="back"><a href="#">最新文章</a></div>
            </div>
          </li>
          <li>
            <div class="art">
              <div class="front"><a href="#">南极北极</a></div>
              <div class="back"><a href="#">南极北极</a></div>
            </div>
          </li>
          <li>
            <div class="art">
              <div class="front"><a href="#">南北极船票</a></div>
              <div class="back"><a href="#">南北极船票</a></div>
            </div>
          </li>
          <li>
            <div class="art">
              <div class="front"><a href="#">度假酒店</a></div>
              <div class="back"><a href="#">度假酒店</a></div>
            </div>
          </li>
          <li>
            <div class="art">
              <div class="front"><a href="#">主题旅行</a></div>
              <div class="back"><a href="#">主题旅行</a></div>
            </div>
          </li>
        </ul>
      </div>
      <!-- 国际游学 -->
      <div class="abroad">
        <h2>国际游学|澳洲插班，希望每个孩子都对世界充满兴趣</h2>
        <div class="pic">
          <img src="./images/a1.png" alt="" />
          <span>
            以更Local的方式，将另一种人生体验呈现给孩子。停下来，融进去，一当地人的的视角去感知和生活。</span
          >
        </div>
      </div>
      <div class="abroad">
        <h2>国际游学|为什么要去瑞士户外营地？</h2>
        <div class="pic">
          <img src="./images/a2.png" alt="" />
          <span> 突破舒服圈，勇敢抗挫。</span>
        </div>
      </div>
      <div class="abroad">
        <h2>国际游学|读懂英国，就读懂半个世界</h2>
        <div class="pic">
          <img src="./images/a3.png" alt="" />
          <span> 让英国游学，成为孩子们优质成长的一站。</span>
        </div>
      </div>
      <div class="abroad">
        <h2>国际游学|行之悦为什么要做国际游学？</h2>
        <div class="pic">
          <img src="./images/a4.png" alt="" />
          <span> 我们一直坚持，让孩子通过旅行去认知世界。</span>
        </div>
      </div>
    </div>
    <!-- 侧边栏开始 -->
    <div class="subnav">
      <ul>
        <li><a href="#">专属定制</a></li>
        <li>
          <a href="#"><span class="iconfont">&#xe63d;</span></a>
        </li>
        <li>
          <a href="#"><span class="iconfont">&#xe698;</span></a>
        </li>
        <li>
          <a href="#"><span class="iconfont">&#xe651;</span></a>
        </li>
        <li>
          <a href="#"><span class="iconfont">&#xe641;</span></a>
        </li>
      </ul>
      <a href="#header"><img src="./images/stop.png" alt="" /></a>
    </div>
    <!-- 侧边栏结束 -->

    <!-- 尾部导航开始 -->
    <div class="footer">
      <div class="w">
        <div class="footer_nav">
          <a href="#">南极旅行报名处</a><span>|</span>
          <a href="#">主题旅行报名处</a><span>|</span> <a href="#">满意度调查</a
          ><span>|</span> <a href="#">旅行清单</a><span>|</span>
          <a href="#">加入我们</a><span>|</span> <a href="#">友情链接</a
          ><span>|</span>
          <a href="#">帮助中心</a>
        </div>
        <div class="footer_info">
          <span>
            地址:
            <a href="#">四川省成都市武侯区长华路19号万科·汇智中心2706-07</a>
          </span>
          <span class="ftel"
            >客服热线：400-8857-028 &nbsp;&nbsp;|&nbsp;&nbsp; 座机：028-85435480
          </span>
          <span>邮箱：</span>
          <span class="email">jt@joytraveller.com</span>
        </div>
        <div class="footer_user">
          <input type="text" placeholder="您的姓名" />
          <input type="text" placeholder="您的手机号码" />
          <button>提交</button>
          <p class="by">留下联系方式， 我们会尽快和您取得联系</p>
        </div>
        <div class="footer_w">
          <p>
            版权所有 2015 成都行之悦国际旅行社有限公司 All Rights Reserved
            <a href="https://beian.miit.gov.cn/" target="_blank">
              蜀ICP备16018295号-1</a
            >
            <a href="http://www.symansbon.cn/" target="_blank" class="itemLink"
              >网站设计：赛门仕博</a
            >
          </p>
          <p>
            声明：本网站部分图片来自网络，若作者看到，请尽快与行之悦旅行联系。
          </p>
        </div>
      </div>
    </div>
    <!-- 尾部导航结束 -->
  </body>
</html>
